<template>
  <div class="container">
    <div class="item">
      <router-link to="connectUs"><img src="../assets/images/cooperation/pt2.png"/></router-link>
    </div>

    <div class="item">
      <router-link to="inheritor"><img src="../assets/images/cooperation/ccr2.png"/></router-link>
    </div>

    <div class="item">
      <router-link to="college"><img src="../assets/images/cooperation/gx2.png"/></router-link>
    </div>

    <div class="item">
      <router-link to="enterprise"><img src="../assets/images/cooperation/qy2.png"/></router-link>
    </div>

  </div>

</template>

<script>
export default {}
</script>

<style scoped>


.container {
  background-image: url("../assets/images/cooperation/dt.gif");
  width: 100%;
  height: 1200px;
  display: flex; /*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效*/
  display: -webkit-flex; /* Safari */
  flex-direction: row; /*容器内项目的排列方向(默认横向排列 row)*/
  flex-wrap: nowrap; /*容器内项目换行方式*/
  justify-content: center; /*项目在主轴上的对齐方式*/
  align-items: center; /*项目在交叉轴上如何对齐*/
  align-content: center; /*定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用*/
}

.item {
  width: 368px;
  height: 367px;
  margin: 100px;
}

</style>